<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>love</title>
	<style>
		body{
			height: 800px;
			background: radial-gradient(pink,pink);   /*背景颜色*/
		}
		.box{
			margin:250px auto;
			width: 600px;
			height: 300px;
			padding:50px 0 0 250px;
			
		}
			.box div {
				float:left;
				width: 200px;
				height: 250px;
				background-color:red;
				border-radius: 99% 99% 0 0 ;
			}
	
			.box:hover{
				transform: scale(1.5,1.5);
			}
		.l{
			transform: rotate(-62deg);
		}
		.r{
			margin-left: -75px;
			transform: rotate(62deg);
		}
        .n{
            position: absolute;
            width: 200px;
			height: 150px;
            top: 37%;
            left: 42%;
            background-image:url('img\\3.jpg');
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
	</style>
</head>

<body>
	<div class="box">
		<div class="l"></div>
		<div class="r"></div>
        
	</div>
    <div class="n"></div>
    
</body>
</html>
